@import "./mixins.scss";

$bg: #fffcef; // 主背景色
$font-color: #7c839b; // 帐单字体色
$font-color-light: #d4d4de; // 虚线色  淡

$btn-bg-color: #655db0; // 按钮主题色

$primary-color: #efdada;
$bold-primary-color: #d3afaf;
$disabled-color: #dddddd;

$black: #000000;
$white: #ffffff;

$text-color: #333333;
$text-color-light: #666666;
$text-color-lighter: #b3b3b3;
$text-color-title: #737280;

$border-color: #dddddd;
$border-radius: 26px;

$image-bg: #f4f4f4;

$color-brand: red;
$color-error: #FF4949 !default;

$big-title: 40px;
$normal-title: 35px;
$primary-title: 30px;
$small-title: 25px;

$shadow: #dfdfdc;

$detail-bg: #f8f8f8;
$price: #fd3938;

$font-small: 20rpx;

.shadow {
  box-shadow: 0 8px 15px #dfdfdc;
}

@keyframes spring-test-show {
  0% {
    opacity: 0.35;
    width: 100%;
  }
  // 50% {
  //   width: 400rpx;
  // }
  100% {
    opacity: 0.2;
    width: 100rpx;
    // height: 50px;
    // border-radius: 50%;
  }
}

@keyframes spring {
  0% {
    transform: scale(0.02);
  }
  1% {
    transform: scale(0.05);
  }
  2% {
    transform: scale(0.09);
  }
  3% {
    transform: scale(0.14);
  }
  4% {
    transform: scale(0.2);
  }
  5% {
    transform: scale(0.27);
  }
  6% {
    transform: scale(0.34);
  }
  7% {
    transform: scale(0.41);
  }
  8% {
    transform: scale(0.48);
  }
  9% {
    transform: scale(0.55);
  }
  10% {
    transform: scale(0.61);
  }
  11% {
    transform: scale(0.68);
  }
  12% {
    transform: scale(0.74);
  }
  13% {
    transform: scale(0.8);
  }
  14% {
    transform: scale(0.85);
  }
  15% {
    transform: scale(0.9);
  }
  16% {
    transform: scale(0.94);
  }
  17% {
    transform: scale(0.98);
  }
  18% {
    transform: scale(1.01);
  }
  19% {
    transform: scale(1.04);
  }
  20% {
    transform: scale(1.06);
  }
  21% {
    transform: scale(1.08);
  }
  22% {
    transform: scale(1.1);
  }
  23% {
    transform: scale(1.11);
  }
  24% {
    transform: scale(1.11);
  }
  25% {
    transform: scale(1.12);
  }
  29% {
    transform: scale(1.12);
  }
  30% {
    transform: scale(1.11);
  }
  31% {
    transform: scale(1.1);
  }
  32% {
    transform: scale(1.1);
  }
  33% {
    transform: scale(1.09);
  }
  34% {
    transform: scale(1.08);
  }
  35% {
    transform: scale(1.07);
  }
  36% {
    transform: scale(1.06);
  }
  37% {
    transform: scale(1.05);
  }
  38% {
    transform: scale(1.05);
  }
  39% {
    transform: scale(1.04);
  }
  40% {
    transform: scale(1.03);
  }
  41% {
    transform: scale(1.02);
  }
  42% {
    transform: scale(1.02);
  }
  43% {
    transform: scale(1.01);
  }
  44% {
    transform: scale(1.01);
  }
  45% {
    transform: scale(1);
  }
  47% {
    transform: scale(1);
  }
  48% {
    transform: scale(0.99);
  }
  66% {
    transform: scale(0.99);
  }
  67% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
